排错方案
页面上没有效果怎么办 , 也没有报错。
事件驱动
事件是否可以触发 : `console.log(1)` 
    - 不可以: 
    -  1. 查找元素是否选择正确 `console.log(事件绑定的元素)`
    -  2. 你函数没调用把
    -  3. 页面打开是否正确 `alert()`
    - 可以 : 继续排错 
    -  1. 想要的效果需要什么数据
    -  2. xxx 逐行打印查看问题。

如果遇见了报错 
(一)ReferenceError 引用错误 
(一) `ReferenceError : xxx is not define`  非法使用变量。 
    1. 你变量压根没有定义
    2. 变量作用域是否合法
   
（二） TypeError 类型错误 

- 1. 函数使用报错  : `TypeError : xxx is not a function`      
      查看数据源问题;
- 2. 属性阅读错误 : Cannot read property xxx of (null | undefined )
      选择器选择失败 : `box.style.xxx = "xxx"`
      查看选择器就可以了
      (三)
       鼠标的位置;
      1. client : 浏览器的可视区域边缘; 
      2. offset : 距离鼠标最近的元素;
      3.screen : 屏幕边缘;

